@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.invoices-list-row__header {
	display: none;

	* {
		@include body-medium;
		color: var(--color-neutral-70);
	}

	@include break-xlarge() {
		display: block;
	}
}

.invoices-list-row__content {
	display: grid;
	grid-template-columns: calc(34% - 16px) calc(34% - 16px) calc(34% - 16px);
	align-items: center;
	grid-gap: 24px;
	@include body-x-large;

	@include break-xlarge() {
		grid-template-columns: 160px 1fr 100px 100px 128px;
	}
}

